/**
 * Mine入口制器
 */

import React                                        from 'react';
import { View, Text, TouchableOpacity, StyleSheet } from 'react-native';

class MineScreen extends React.Component {
  static navigationOptions = {
    title: "mine Screen",
  };

  render() {
    const navigation = this.props.navigation;
    return (
      <View style={styles.container}>
        <Text>Mine Screen</Text>
        <TouchableOpacity style={styles.button} activeOpacity={0.5}
                          onPress={() => navigation.push('MineDetailScreen')}>
          <Text style={{ color: 'black' }}>Go to Details</Text>
        </TouchableOpacity>
      </View>
    )
  }
}

const styles = StyleSheet.create({
  container: {
    flex: 1,
    alignItems: 'center',
    justifyContent: 'center',
    backgroundColor: 'white',
  },
  button: {
    marginTop: 30,
    padding: 5,
    borderWidth: 1,
    borderRadius: 5,
    borderColor: 'orange',
    alignItems: 'center',
    justifyContent: 'center',
  },
});

export default MineScreen;